<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> 
    <title>lúcuma 0.0.0</title>
    <link rel="icon" type="image/png" href="{{ media_url }}/icon.png"/>
    <link rel="stylesheet" type="text/css" href="{{ media_url }}/default.css"/>
    
    <script src="{{ media_url }}/jquery.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript" charset="utf-8">
        function dismiss_notification() {
            $("#notification").fadeOut("normal");
        }
        function pop_notification() {
            $("#notification").fadeIn("normal");
        }
    </script>
    {% block extra_js %}
    
    {% endblock %}
</head>

<body>
<div id="header">
    <h1 id="main_title">Lúcuma!</h1>
    <div id="navbar">
        {% block navbar %}
        <a href="/">Home</a> • 
        <a href="/tasks">Tasks</a> •  
        <a href="/personas">Personas</a> •  
        <a href="/notes">Notes</a> •  
        <a href="/projects">Projects</a>
        {% if session.logged %}
             •  <a href="/logout/">Logout</a>
        {% endif %}
        {% endblock %}
        <br/>
        <span style="font-size: smaller;">
            <a href="/join">Create account</a> |
            <a href="/tasks/done">Done tasks</a> | 
            <a href="/notes/add">Add note</a> - 
        </span>
    </div>
</div>
<div class="colmask rightmenu">
	<div class="colmid">
		<div class="colleft">
			<div class="col1">
				<!-- Column 1 start -->
		                <div id="notification">
		                    {% block notification %}
		                    <div id="notification_canvas"></div>
		                    <a href="javascript:dismiss_notification();" class="dismiss" title="Dismiss">[x]</a>
		                    {% endblock %}
		                </div>
		                {% block content %}
		                {% endblock %}
				<!-- Column 1 end -->
			</div>
			<div class="col3">
				<!-- Column 2 start -->
				<!-- Column 2 end -->
			</div>
			<div class="col2">
				<!-- Column 3 start -->
		                {% block sidebar %}
		                    {% load personas_tags %}
		                    {% if session.logged %}
		                        {% persona_profile %}
		                    {% else %}
		                        {% persona_login %}
		                    {% endif %}
		                {% endblock %}
				<!-- Column 3 end -->
			</div>
		</div>
	</div>
</div>

<div id="footer">
    <p>Copyright © 2008 - The <a href="http://code.google.com/p/lucuma">Lúcuma</a> authors.<br/>
    Icons by the <a href="http://tango.freedesktop.org/">Tango project</a> and <a href="http://www.gnome.org/">GNOME</a>.</p>
</div>

</body>
</html>
